<template>
    <div>
        <div class="head">
            <h3>评论页面</h3>
            <div class="ping">
            <div class="item" v-for="(item,index) in arr" :key="index" >
                <div class="text">{{item.title}}</div>
                <div class="img">
                    <!-- <img src="../assets/star.png" alt="">
                    <img src="../assets/star.png" alt="">
                    <img src="../assets/star.png" alt="">
                    <img src="../assets/star.png" alt="">
                    <img src="../assets/star.png" alt=""> -->
                    <Star />
                </div>
                
            </div>
            </div>
        </div>
        
    </div>
</template>

<script>
    import Star from '../components/Star'
    export default {
        name:"Xing",
        components: {
         Star
        },
        data(){
            return{
                arr:[
                    {title:"商品质量",name:'Zhi'},
                    {title:"客服服务",name:'Key'},
                    {title:"售后服务",name:'Shou'}
                ]
            }
        },
        methods:{
        }

        
    }
</script>

<style lang="less" scoped>
.item{
    display: flex;
    margin: 10px 0px;
}
.text{
    flex: 3;
    line-height: 40px;
}
.img{
    flex: 7;
    height: 40px;
}

// .ji{
//     flex: 2;
//     line-height: 40px;
// }
</style>